<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="../templates/plantilla.xhtml">
	
	<ui:define name="head">::SCSN - Vehículos</ui:define>
	<ui:define name="content">
	
		<h1 class="title ui-widget-header ui-corner-all">Gestión de Vehículos</h1>
		<br/>
		<br/>
		
		<div class="entry" style="line-height:200%">
			<h:form id="frm">
				<p:dataTable id="tbDisenos" value="#{disenoNeumaticoBean.disenoModel}" scrollable="true" var="disenoNeumatico" rows="3"
					paginator="true" paginatorPosition="bottom" selection="#{disenoNeumaticoBean.disenoSeleccionado}" selectionMode="single"
					emptyMessage="No se encontraron resultados" onRowSelectUpdate="ventanaVerInfo info"
					onRowSelectComplete="ventanaVerInfo.show()" onRowUnselectUpdate="ventanaVerInfo info">
					
					<p:column filterBy="#{disenoNeumatico.nombre}" filterMatchMode="contains" headerText="Nombre">
						 #{disenoNeumatico.nombre}
					</p:column>
					<p:column headerText="Descripción">
						#{disenoNeumatico.descripcion}
					</p:column>
					<p:column filterBy="#{disenoNeumatico.idMarca}" filterMatchMode="contains" headerText="Marca">
						#{disenoNeumatico.idMarca}
					</p:column>
					<p:column headerText="Imagen">
						#{disenoNeumatico.imagen}
					</p:column>
				</p:dataTable>
			</h:form>
		
			<h:form>
	            <p:commandButton value="Nuevo" onclick="ventanaRegistro.show();"/>
	            <!--  
	            <p:commandButton value="Modificar" onclick="ventanaModificar.show();"/>
	            <p:commandButton value="Eliminar" onclick="confirmacion.show();"/>  -->
	            
	            <p:dialog widgetVar="ventanaVerInfo" header=""
		            			showEffect="explode" hideEffect="explode" closable="true">
					<h:panelGrid columns="1" id="info">
						<h:panelGrid columns="6">
							<h:outputText value="Placa: " />
		                    <h:outputText value="#{disenoNeumaticoBean.disenoSeleccionado.nombre}" />
		                      
		                    <h:outputText value="Modelo: " /> 
		                    <h:outputText value="#{disenoNeumaticoBean.disenoSeleccionado.nombre}" />
		                      
		                    <h:outputText value="Marca: " />  
		                    <h:outputText value="#{disenoNeumaticoBean.disenoSeleccionado.descripcion}" /> 
		                      
		                    <h:outputText value="Tipo de Vehículo: " />  
		                    <h:outputText value="#{disenoNeumaticoBean.disenoSeleccionado.descripcion}" /> 
		                    
		                    <h:outputText value="Año: " />    
		                    <h:outputText value="#{disenoNeumaticoBean.disenoSeleccionado.nombre}" />
		                    
		                    <h:outputLabel value="Kilometraje: " for="km"/>    
		                    <h:outputText  value="#{disenoNeumaticoBean.disenoSeleccionado.nombre}" />
						</h:panelGrid>
						
						<h:panelGrid columns="4">
							<h:outputText value="Conductores: " />
							<h:inputTextarea disabled="true" readonly="true" value="#{disenoNeumaticoBean.disenoSeleccionado.nombre}" />
							
							<h:outputText value="Rutas: " />
							<h:inputTextarea disabled="true" readonly="true" value="#{disenoNeumaticoBean.disenoSeleccionado.nombre}" />
						</h:panelGrid>
					</h:panelGrid>
					
					<h:panelGrid>
						<p:dataTable id="tbModelosVehiculo" value="#{modeloVehiculoBean.listaModeloFiltrada}" scrollable="true" var="modeloVehiculo" rows="3"
							paginator="true" paginatorPosition="bottom" selectionMode="single"
							emptyMessage="No se encontraron resultados" >
		        
							<p:column filterBy="#{modeloVehiculo.nombre}" filterMatchMode="contains" headerText="Nombre">
								<h:outputText value="#{modeloVehiculo.nombre}" />
							</p:column>
							<p:column headerText="Descripcion">
								<h:outputText value="#{modeloVehiculo.descripcion}"/>
							</p:column>
							<p:column filterBy="#{modeloVehiculo.idMarca}" filterMatchMode="contains" headerText="Marca">
								<h:outputText value="#{modeloVehiculo.idMarca}" />
							</p:column>
							<p:column filterBy="#{modeloVehiculo.idTipoVehiculo}" filterMatchMode="contains" headerText="Tipo de Vehículo">
								<h:outputText value="#{modeloVehiculo.idTipoVehiculo}" />
							</p:column>
						</p:dataTable>
					</h:panelGrid>
					
		            <p:commandButton value="Modificar" onclick="ventanaModificar.show();"/>
		            <p:commandButton value="Eliminar" onclick="confirmacion.show();"/>
				</p:dialog>
	            
	            
	            <p:confirmDialog id="ventanaEliminar" message="Está seguro de eliminar este vehículo?"  
			                header="Confirme la operación" severity="alert" widgetVar="confirmacion"
	            			showEffect="pulsate" hideEffect="blind" modal="true" closable="false">  
			        <h:panelGrid columns="2"> 
				        <p:commandButton id="confirmar" value="Aceptar" oncomplete="confirmacion.hide();" />  
				        <p:commandButton id="rechazar" value="cancelar" onclick="confirmacion.hide();" type="button" />  
			        </h:panelGrid> 
			                  
			    </p:confirmDialog>
			    
	            <p:dialog widgetVar="ventanaModificar" header="Modificar Datos del Vehículo"
	            			showEffect="explode" hideEffect="explode" closable="true">
	            	
	            	
	            	<h:panelGrid columns="1" id="mod">
						<h:panelGrid columns="6">
							<h:outputText value="Placa: " />  
		                    <h:inputText value="#{disenoNeumaticoBean.disenoSeleccionado.nombre}" />
		                      
		                    <h:outputText value="Modelo: " /> 
		                    <h:inputText value="#{disenoNeumaticoBean.disenoSeleccionado.nombre}" />
		                      
		                    <h:outputText value="Marca: " />  
		                    <h:inputText value="#{disenoNeumaticoBean.disenoSeleccionado.descripcion}" /> 
		                      
		                    <h:outputText value="Tipo de Vehículo: " />  
		                    <h:inputText value="#{disenoNeumaticoBean.disenoSeleccionado.descripcion}" /> 
		                    
		                    <h:outputText value="Año: " />    
		                    <h:inputText value="#{disenoNeumaticoBean.disenoSeleccionado.nombre}" />
		                    
		                    <h:outputLabel value="Kilometraje: " for="km"/>    
		                    <h:inputText  value="#{disenoNeumaticoBean.disenoSeleccionado.nombre}" />
						</h:panelGrid>
						
						<h:panelGrid columns="4">
							<h:outputText value="Conductores: " />
							<h:inputTextarea value="#{disenoNeumaticoBean.disenoSeleccionado.nombre}" />
							
							<h:outputText value="Rutas: " />
							<h:inputTextarea value="#{disenoNeumaticoBean.disenoSeleccionado.nombre}" />
						</h:panelGrid>
						
						<h:panelGrid columns="3">
		            		<p:commandButton value="Cancelar" update="ventanaModificar mod" oncomplete="ventanaModificar.hide();"/> 
		            		<p:commandButton value="Limpiar" type="reset"/>
            			</h:panelGrid>
					</h:panelGrid>
	            	
	            	
	            </p:dialog>
	            
	            <p:dialog widgetVar="ventanaRegistro" header="Registrar Nuevo Vehículo"
	            			showEffect="explode" hideEffect="explode" closable="false">
		            	
		            <p:growl id="growl" sticky="true" showDetail="true"/>  
				  
				    <p:wizard widgetVar="wiz" flowListener="#{serviciosVentanaVehiculo.flujoWizard}" nextLabel="Siguiente" backLabel="Atrás" 
				    	 	effect="blind"	showStepStatus="true">  
				      
				        <p:tab id="basico" title="Básico">  
				  
				            <p:panel>  
				              
				                <h:messages errorClass="error"/>  
				                  
				                <h:panelGrid columns="3">  
				                    <h:outputLabel value="Placa: *" for="nombre"/>  
				                    <h:inputText id="nombre" required="true" label="Placa: " value="" />
				                    <h:outputLabel value=""/>
				                      
				                    <h:outputText value="Modelo: *" />  
				                    <h:selectOneMenu id="Modelo" label="Modelo:" required="true">
				            			<f:selectItem itemLabel="saasdasd" itemValue="1"/>
				            			<f:selectItem itemLabel="" itemValue=""/>
				            			<f:selectItem itemLabel="" itemValue=""/>
				            		</h:selectOneMenu>
				            		<p:commandButton value="Nuevo Modelo" onclick="ventanaNuevoModelo.show();"/>
				                      
				                    <h:outputText value="Marca: *" />  
				                    <h:outputText value="" /> 
				                    <h:outputLabel value=""/> 
				                      
				                    <h:outputText value="Tipo de Vehículo: *" />  
				                    <h:outputText value="" /> 
				                    <h:outputLabel value=""/>
				                    
				                    <h:outputLabel value="Año: " for="ano"/>  
				                    <h:inputText id="ano" label="Año: " value="" />
				                    <h:outputLabel value=""/>
				                    
				                    <h:outputLabel value="Kilometraje: *" for="km"/>  
				                    <h:inputText id="km" required="true" label="Kilometraje: " value="" />
				                    <h:outputLabel value=""/>
				                </h:panelGrid>  
				            </p:panel>  
				        </p:tab> 
				        
				        <p:tab id="ejes" title="Config Ejes">  
				  
				            <p:panel>
				                <h:messages errorClass="error"/>  
				                
				                
				            </p:panel>  
				        </p:tab> 
				        
				        <p:tab id="conductores" title="Conductores">  
				            <p:panel>  
				                <h:messages errorClass="error"/>  
				                <p:pickList id="pickList"  />  <!-- value="#{pickListBean.cities}" var="city"   
              					  itemLabel="#{city}" itemValue="#{city}" -->
				            </p:panel>
				        </p:tab>
				        
				         <p:tab id="rutas" title="Rutas">  
				  
				            <p:panel>  
				              
				                <h:messages errorClass="error"/>  
				                  
				                
				            </p:panel>  
				        </p:tab> 
				  	</p:wizard>
	            </p:dialog>
			</h:form>
			
			<h:form>
				<p:dialog widgetVar="ventanaNuevoModelo" header="Registrar Nuevo Modelo"
	            			showEffect="explode" hideEffect="explode" closable="false">
	            	<h:panelGrid columns="3">
	            		<h:outputLabel value="Nombre: *" for="nombre"/>
	            		<h:inputText value="#{modeloVehiculo.nombre}" id="nombre" label="Nombre:" required="true"/>
	            		<p:message for="nombre"/>
	            		
	            		<h:outputLabel value="Descripción: " for="descripcion"/>
	            		<h:inputTextarea value="#{modeloVehiculo.descripcion}" id="descripcion" label="Descripción:"/>
	            		<p:message for="descripcion"/>
	            		
	            		<h:outputLabel value="Marca: *" for="marca"/>
	            		<h:selectOneMenu id="marca" label="Marca:" required="true">
				            			<f:selectItem itemLabel="" itemValue=""/>
				            			<f:selectItem itemLabel="" itemValue="1"/>
				            			<f:selectItem itemLabel="" itemValue="2"/>
				            		</h:selectOneMenu>
				        <p:commandButton value="Nueva Marca" onclick="ventanaNuevaMarca.show();"/>
	            		
	            		<h:outputLabel value="Tipo de Vehículo: *" for="tipoVehiculo"/>
	            		<h:selectOneMenu id="tipoVehiculo" label="Tipo de Vehiculo:" required="true">
				            			<f:selectItem itemLabel="" itemValue=""/>
				            			<f:selectItem itemLabel="" itemValue="1"/>
				            			<f:selectItem itemLabel="" itemValue="2"/>
				            		</h:selectOneMenu>
				        <p:commandButton value="Nuevo Tipo" onclick="ventanaNuevoTipo.show();"/>
				        
	            		<p:message for="marca"/>
	            		<p:message for="tipoVehiculo"/>
	            	</h:panelGrid>
	            	<h:panelGrid columns="3">
	            		<p:commandButton value="Registrar" oncomplete="ventanaNuevoModelo.hide();" type="reset"/>
	            		<p:commandButton value="Cancelar" onclick="ventanaNuevoModelo.hide();" type="reset"/>
	            		<p:commandButton value="Limpiar" type="reset"/>
            		</h:panelGrid>
	            </p:dialog>
	            
				<p:dialog widgetVar="ventanaNuevoTipo" header="Registrar Nuevo Tipo de Vehículo"
	            			showEffect="explode" hideEffect="explode" closable="false" modal="true">
	            	<h:panelGrid columns="3">
		            		<h:outputLabel value="Nombre: *" for="nombreTipo"/>
		            		<h:inputText id="nombreTipo" value="#{tipoVehiculo.nombre}" label="Nombre:" required="true"/>
		            		<p:message for="nombreTipo"/>
		            		
		            		<h:outputLabel value="Descripción:" for="descripcionTipo"/>
		            		<h:inputText id="descripcionTipo" value="#{tipoVehiculo.descripcion}" label="Descripcion:"/>
		            		<p:message for="descripcionTipo"/>
		            		 
		            		<h:outputLabel value="Dentro de Carretera *" for="dentroCarretera"/>
		            		<h:selectOneRadio id="dentroCarretera" value="#{tipoVehiculo.dentroCarretera}" required="true">
		            			<f:selectItem itemLabel="Si" itemValue="1"/>
		            			<f:selectItem itemLabel="No" itemValue="0"/>
		            		</h:selectOneRadio>
		            		<p:message for="dentroCarretera"/>
	            	</h:panelGrid>
		            		
            		<h:panelGrid columns="3">
	            		<p:commandButton value="Registrar" oncomplete="ventanaNuevoTipo.hide();" actionListener="#{controladorMensajes.empleadoGuardado}" type="reset"  update="growl"/>
           				<p:commandButton value="Cancelar" onclick="ventanaNuevoTipo.hide();" actionListener="#{controladorMensajes.empleadoGuardado}" type="reset"  update="growl"/>
            			<p:commandButton value="Limpiar" type="reset"/>
            		</h:panelGrid>
	            </p:dialog>
	            
	            <p:dialog widgetVar="ventanaNuevaMarca" header="Registrar Nueva Marca"
	            			showEffect="explode" hideEffect="explode" closable="false" modal="true">
	            	<h:panelGrid columns="3">
	            		<h:outputLabel value="Nombre: *" for="nombreMarca"/>
	            		<h:inputText id="nombreMarca" value="#{marcaVehiculo.nombre}" label="Nombre:" required="true"/>
	            		<p:message for="nombreMarca"/>
	            		
	            		<h:outputLabel value="Descripción:" for="descripcionMarca"/>
	            		<h:inputText id="descripcionMarca" value="#{marcaVehiculo.descripcion}" label="Descripcion:"/>
	            		<p:message for="descripcionMarca"/>
	            	</h:panelGrid>
		            		
            		<h:panelGrid columns="3">
	            		<p:commandButton value="Registrar" onclick="ventanaNuevaMarca.hide();" actionListener="#{controladorMensajes.empleadoGuardado}" type="reset"  update="growl"/>
           				<p:commandButton value="Cancelar" onclick="ventanaNuevaMarca.hide();" actionListener="#{controladorMensajes.empleadoGuardado}" type="reset"  update="growl"/>
            			<p:commandButton value="Limpiar" type="reset"/>
            		</h:panelGrid>
	            </p:dialog>
			</h:form>
		</div>
		
		
		
		
	</ui:define>
</ui:composition>